<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>光谱详细信息</title>
<%-- 全站样式 --%>
<jsp:include page="/WEB-INF/jsps/template_style.jsp"></jsp:include>

</head>

<body>
	<div class="page-container">
		<%--侧边栏 --%>
		<jsp:include page="/WEB-INF/jsps/sidebar.jsp"></jsp:include>

		<div class="main-content">
			<%--导航栏 --%>
			<jsp:include page="/WEB-INF/jsps/navbar.jsp"></jsp:include>
			<div class="page-title">
				<div class="title-env">
					<h1 class="title">光谱详细信息</h1>
					<p class="description">您可以此页面查看光谱的详细信息</p>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<div class="col-sm-6">
								<h3>
									<strong>光谱详细信息</strong>
								</h3>
							</div>

						</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-sm-6">
									<h3>
										<strong>基本信息</strong>
									</h3>
									<div class="panel panel-flat">
										<table class="table table-condensed">
											<thead>
												<tr>
													<th>名称</th>
													<th>内容</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>光谱名称</td>
													<td class="middle-align">${spectrumInfo[0]}</td>
												</tr>
												<tr>
													<td>申请人</td>
													<td class="middle-align">${spectrumInfo[5]}</td>
												</tr>
												<tr>
													<td>上传时间</td>
													<td class="middle-align">${spectrumInfo[2]}</td>
												</tr>
												<tr>
													<td>硬件编号</td>
													<td class="middle-align">${spectrumInfo[6]}</td>
												</tr>
												<tr>
													<td>被检测物</td>
													<td class="middle-align">${spectrumInfo[7]}</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>

							</div>

						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">
								<strong>光谱描述</strong>
							</h3>
							<div class="panel-options">
								<a href="#" data-toggle="panel"> <span class="collapse-icon">&ndash;</span>
									<span class="expand-icon">+</span>
								</a>

							</div>
						</div>
						<div class="panel-body">

							<div class="scrollable" data-max-height="400">
								<p>${spectrumInfo[1]}</p>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">
								<strong>光谱图</strong>
							</h3>
							<div class="panel-options">
								<a href="#" data-toggle="panel"> <span class="collapse-icon">&ndash;</span>
									<span class="expand-icon">+</span>
								</a>

							</div>
						</div>

						<div class="row">
							<img src="${spectrumInfo[3]}" />
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12">
					<div class="modal-footer" data-applicationID="${spectrumInfo[8]}" data-applyStatus="${spectrumInfo[9]}" id="modal1">
					</div>
				</div>
			</div>
			<div class="col-md-12">

				<blockquote class="blockquote blockquote-red">
					<p>
						<strong>审核批注</strong>
					</p>
					<p>
						<small>${spectrumInfo[4]} </small>
					</p>
				</blockquote>

			</div>

			<%--页脚 --%>
			<jsp:include page="/WEB-INF/jsps/footer.jsp"></jsp:include>
		</div>
	</div>

	<div class="page-loading-overlay">
		<div class="loader-2"></div>
	</div>
	<!-- Modal 1 (拒绝申请)-->
	<div class="modal fade" id="modal-1">
		<div class="modal-dialog" style="width: 60%;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">审核批注</h4>
                </div>
                <div class="modal-body">
                    <form method="post" action="/passApply.do" class="profile-post-form" onsubmit="return manageCheck.refusecheck();">
                        <input type="hidden" name="applicationID" value="${spectrumInfo[8]}">
                        <input type="hidden" name="refuseStatus" value="true">
                        <textarea class="form-control input-unstyled input-lg autogrow"
                            placeholder="What's on your mind?" name="refusecontent" id="refusecontent"></textarea>
                        <i class="el-edit block-icon"></i>
                        <br>
                        <button type="submit" 
                            class="btn btn-md btn-danger post-story-button pull-right">确定</button>
                    </form>
                </div>
            </div>
        </div>
	</div>

	<!-- Modal 2 (通过审核)-->
	<div class="modal fade custom-width" id="modal-2">
		<div class="modal-dialog" style="width: 60%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">审核批注</h4>
				</div>
				<div class="modal-body">
					<form method="post" action="/passApply.do" class="profile-post-form" onsubmit="return manageCheck.check();">
					    <input type="hidden" name="applicationID" value="${spectrumInfo[8]}">
					    <input type="hidden" name="passStatus" value="true">
						<textarea class="form-control input-unstyled input-lg autogrow"
							placeholder="What's on your mind?" name="content" id="content"></textarea>
						<i class="el-edit block-icon"></i>
                        <br>
                        <button type="submit" 
                            class="btn btn-md btn-success post-story-button pull-right">确定</button>
					</form>
				</div>

			</div>
		</div>
	</div>

	<%-- 尾部内容 --%>
	<jsp:include page="/WEB-INF/jsps/template_tail.jsp" />
    <!-- checkSpectrum.js -->
    <script src="assets/js/custom/checkSpectrum.js"></script>
	<!--Specific JS for this page-->
	
	<script type="text/javascript">
		function apply1(){
	        jQuery('#modal-1').modal('show');
	    }
		function apply2(){
            jQuery('#modal-2').modal('show');
        }
	</script>
</body>

</html>